<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>爱奇艺视频播放列表</title>
		<style>
		ul li{display:inline-block;}:first-child{color:#4D4D4D;font-size:16px;}
		p:nth-of-type(2){color:#640000;font-size:14px;}
        p:nth-of-type(3){color:blue;font-size:12px;}
		/* 以上为基础文本及字体颜色设置 */
	    *{
			margin: 0;
			padding: 0;
		}
		div{
			width: 1000px;
			margin: 0px auto;
		}
		h1{
			font-size: 18px;
			line-height: 40px;
		}
		li{
			list-style: none;
			padding: 10px;
			margin-right: 5px;
		}
		li img{
			border-radius: 10px;
		}
		ul li:hover{
			box-shadow: 10px 10px 10px #D7D7D7,-10px 10px 10px #D7D7D7;
			border-radius: 10px;
		}
		</style>
	</head>
	
	<body>
		<div>
		<h1>热播</h1>
		<ul>
		<li>
		    <img src="image/img1.png"/>
		<p>神武赵子龙</p>
		<p>怒，林更新不抱网红抱女神</p>
		<p>点击次数：242445次</p>
		</li>
		<li>
			<img src="image/img2.png"/>
			<p>旋风十一人</p>
			<p>胡歌变教练在撩前女友</p>
			<p>点击次数：242445次</p>
		</li>
		<li>
			<img src="image/img3.png"/>
			<p>太阳的后裔</p>
			<p>宋慧乔吃嫩草</p>
			<p>点击次数：242445次</p>
		</li>
		<li>
			<img src="image/img4.png"/>			
			<p>山海经之赤影传说</p>
			<p>娜扎张翰再度联手</p>
			<p>点击次数：242445次</p>
		</li>
		</ul>
	 </div>
	</body>
</html>
